<template>
  <view>

    <view class="box m-20 p-20 h-300" @tap="initBluetooth">
      <view>蓝牙模式投图</view>
      <view>设备请打开蓝牙模式界面等待连接</view>
    </view>
<!--    <view class="box m-20 p-20 h-300" @tap="$tab.navigateTo('/pages/sendImage')">-->
    <view class="box m-20 p-20 h-300" @tap="$tab.navigateTo('/pages/configNetwork')">
      <view>网络模式投图</view>
      <view>1.设备请打开网络模式界面等待连接</view>
      <view>1.请检查设备是否联网(雱和手机同个2.4G网)</view>
    </view>
    <view class="flex">
      <view class="flex-sub box m-20 p-20 item1" style="margin-right: 0;margin-top: 0">操作教程</view>
      <view class="flex-sub box m-20 p-20 item1"  style="margin-top: 0;">设备联网</view>
    </view>
    <view class="flex">
      <view class="flex-sub box m-20 p-20 item1" style="margin-right: 0;margin-top: 0">使用帮助</view>
      <view class="flex-sub box m-20 p-20 item1" style="margin-top: 0;">连接失败自助排查</view>
    </view>
    <blue-link :show="showBlueLinkDialog" @close="showBlueLinkDialog = false"/>
  </view>
</template>

<script>
import BlueLink from "@/components/BlueLink.vue";
export default {
  components: { BlueLink },
  data() {
    return {
      showBlueLinkDialog : false
    };
  },
  methods: {
    initBluetooth() {
      this.showBlueLinkDialog = true
    }
  },
}
</script>

<style lang="scss">
.h-300{
  height: 300rpx;
}

.item1{
  height: 150rpx;
  text-align: center;
  font-size: 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}


</style>
